<template>
    <div class="empty-wrapper">
        <div class="svg-box">
            <SvgIcon  class="svg-icon" iconName="icon-kongzhuangtai"></SvgIcon>
        </div>
        <p>{{ props.description }}</p>
    </div>
</template>
<script setup name="Empty">
import { defineProps } from 'vue';
const props = defineProps({
    description: {
        type: String,
        default:'描述文字'
    }
})
</script>
<style scoped lang="less">
.empty-wrapper{
    width: 100%;
    height: 100%;
    padding-top: 30vh;
    box-sizing: border-box;
    .svg-box{
        width: 100%;
        height: 4rem;
        margin: 0;
        padding: 0;
        text-align: center;
        .svg-icon{
            width: 4rem;
            height: 4rem;
        }
    }
    p{
        width: 100%;
        height: 1rem;
        font-size: .9rem;
        color: #9e9e9e;
        margin: 0;
        padding: 0;
        text-align: center;
        margin-top: .4rem;
    }
}
</style>